import React from "react";

const EnvironmentIcon = ({ width, height, fill, style = {}, secondaryFill = "#fff", }) => (
  <svg
    style={style}
    width={width}
    height={height}
    viewBox="0 0 18 19"
    fill={fill}
    xmlns="http://www.w3.org/2000/svg"
  >
    <path
      d="M3.9375 2C2.5913 2 1.5 3.0913 1.5 4.4375V13.0625C1.5 14.4087 2.5913 15.5 3.9375 15.5H9.5V15V14.5L3.9375 14.5326C3.21263 14.5326 2.5 13.7874 2.5 13.0625V5.5H14.0909V6.50701C14.4567 6.42083 14.6213 6.46756 15 6.50701V4.4375C15 3.0913 14.4371 2 13.0909 2H3.9375Z"
      fill={fill}
    />
    <path
      d="M14.8921 7.24992C14.7305 7.23496 14.5688 7.23515 14.4089 7.24992C13.5892 7.32566 12.8177 7.78464 12.3748 8.5517C11.8433 9.47232 11.9329 10.581 12.5134 11.3928L10.2443 15.323C10.2112 15.3804 10.1838 15.4396 10.1621 15.4999C9.98586 15.9886 10.179 16.5482 10.6447 16.8171C11.1678 17.1191 11.8368 16.9398 12.1388 16.4167L14.4121 12.4792C15.3988 12.5676 16.3936 12.091 16.9215 11.1767C17.493 10.1869 17.3465 8.97965 16.6438 8.1578L15.406 10.3017C15.1643 10.7202 14.6292 10.8636 14.2107 10.622C13.7922 10.3803 13.6488 9.84522 13.8904 9.42672L15.1282 7.28275C15.0497 7.26815 14.9709 7.25723 14.8921 7.24992Z"
      fill={secondaryFill}
    />
    <path
      d="M11.3737 10.6811C11.2462 10.1702 11.2374 9.62906 11.3596 9.10256L9.64327 7.38395C9.49695 7.2374 9.2595 7.23723 9.11295 7.38358C8.9664 7.52993 8.96625 7.76736 9.11257 7.91391L11.0949 9.89891L9.11257 11.8839C8.96625 12.0305 8.9664 12.2679 9.11295 12.4143C9.2595 12.5606 9.49695 12.5604 9.64327 12.4139L11.3737 10.6811Z"
      fill={fill}
    />
    <path
      d="M7.39254 7.91424C7.53907 7.76787 7.53922 7.53044 7.39283 7.38391C7.24647 7.23738 7.00903 7.23725 6.86251 7.38362L4.60998 9.63364C4.53956 9.70399 4.5 9.79939 4.5 9.89891C4.5 9.99844 4.53957 10.0939 4.60999 10.1643L6.86251 12.4143C7.00903 12.5606 7.24647 12.5604 7.39283 12.414C7.53922 12.2674 7.53907 12.03 7.39254 11.8836L5.40562 9.89891L7.39254 7.91424Z"
      fill={fill}
    />
  </svg>
);

export default EnvironmentIcon;
